<%@ page language="java" pageEncoding="UTF-8" %>

<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Dialog - jQuery EasyUI Demo</title>
	<jsp:include page="/common/inc/easyui.jsp"></jsp:include>
	<jsp:include page="/common/inc/meta.jsp"></jsp:include>
	<link rel="stylesheet" type="text/css" href="demo.css">
	<script>
		$(function(){
			$('#dd').dialog({
				buttons:[{
					text:'Ok',
					iconCls:'icon-ok',
					handler:function(){
						alert('ok');
					}
				},{
					text:'Cancel',
					handler:function(){
						$('#dd').dialog('close');
					}
				}]
			});
		});
		function open1(){
			$('#dd').dialog('open');
		}
		function close1(){
			$('#dd').dialog('close');
		}
	</script>
</head>
<body>
	<div style="margin:10px 0;">
		<a href="#" class="easyui-linkbutton" onclick="open1()">Open</a>
		<a href="#" class="easyui-linkbutton"  onclick="close1()">Close</a>
	</div>
	<div id="dd" icon="icon-save" style="padding:5px;width:260px;height:180px;">
		<table>
			<tr>
				<td align="right">用户名：</td>
				<td><input type="text" id="name"></td>
			</tr>
			<tr>
				<td align="right">密码：</td>
				<td><input type="password" id="password"></td>
			</tr>
						<tr>
				<td align="right">创建时间：</td>
				<td><input type="text" id="createdate"></td>
			</tr>
			<tr>
				<td align="right">修改时间：</td>
				<td><input type="text" id="endupdate"></td>
			</tr>
		</table>
	</div>
</body>
</html>